<template>
	<view class="p20r poRel minH100vC100r boSiBorBox">
		<view class="poAbs wPer100 hPer100 backColrgba255a255a255a0s9 top0 left0 zIndex1"
			v-if="!token"
		>
			<navigator class="w300r teAliCenter backCol64aeb4 lh80r colFff borRad40r poAbs top50P left50P trTrn50Pn50P"
				url="/pages/personalCenter/login"
			>
				立即登录
			</navigator>
		</view>
		<button @click="cliRoomRelevant"
			class="w710r lh80r teAliCenter borRad10r backCol409EFF mAuto f26r colFff"
		>
			房间相关
		</button>
		<button @click="cliPackageRelated"
			class="w710r lh80r teAliCenter borRad10r backCol67c23a mAuto f26r colFff mt20r"
		>
			套餐相关
		</button>
		<button @click="cliRechargeRelated"
			class="w710r lh80r teAliCenter borRad10r backColF59a23 mAuto f26r colFff mt20r"
		>
			充值相关
		</button>
		<!-- <button @click="cliNewsRelated"
			class="w710r lh80r teAliCenter borRad10r backColF7d347 mAuto f26r colFff mt20r"
		>
			消息相关
		</button> -->
		<button @click="cliCleaningRelated"
			class="w710r lh80r teAliCenter borRad10r backColEc9580 mAuto f26r colFff mt20r"
		>
			保洁相关
		</button>
		<button @click="cliOrderRelated"
			class="w710r lh80r teAliCenter borRad10r backCol64aeb4 mAuto f26r colFff mt20r"
		>
			订单相关
		</button>
	</view>
</template>
<script>
export default {
	data() {
		return {
			token: '',
		}
	},
	onShow() {
		const token = uni.getStorageSync('token');
		if(token) {//此项目中这种写法是弹遮罩层按钮点击跳登录页
			this.token = token;
		}else {
			this.token = '';
		}
	},
	methods: {
		cliRoomRelevant() {
			uni.navigateTo({ url: '/pages/index/roomList' })
		},
		cliPackageRelated() {
			uni.navigateTo({ url: '/pages/index/packageList' })
		},
		cliRechargeRelated() {
			uni.navigateTo({ url: '/pages/index/rechargeHome' })
		},
		cliNewsRelated() {
			uni.navigateTo({ url: '/pages/index/newsList' })
		},
		cliCleaningRelated() {
			uni.navigateTo({ url: '/pages/index/cleaningHome' })
		},
		cliOrderRelated() {
			uni.navigateTo({ url: '/pages/index/orderHome' })
		}
	}
}
</script>
<style>

</style>
